<template>
    <div>
        <script :id="id" type="text/plain" ></script>
    </div>
</template>

<script>
    import '../../static/ueditor/ueditor.config.js';
    import '../../static/ueditor/ueditor.all.js';
    import '../../static/ueditor/lang/zh-cn/zh-cn.js';

    export default {
        name: "UEditor",
        props: {
            id: {
                type: String
            },
            config: {
                type: Object
            }
        },
        data() {
            return {
                editor: null
            }
        },
        mounted() {
            //初始化UE
            const _this = this;
            this.editor = UE.getEditor(this.id, this.config);
        },
        destoryed() {
            this.editor.destroy();
        },
        methods:{
            setUEContent:function(data){
                this.editor.setContent('');
                this.editor.execCommand('insertHtml', data);
            },
            getUEContent: function(){
                return this.editor.getContent();
            }
        }
    }
</script>